<template>
    <div id="app">
        <router-view/>
    </div>
</template>

<script>
    export default {
        name: 'App'
    }
</script>

<style>
    html, body, #app {
        height: 100%;
    }

    body {
        margin: 0;
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    }

    .el-main {
        padding: 0 !important;
    }

    .el-pagination.table {
        margin: 10px 0;
    }

    .toolbar {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        padding: 15px 10px;
        margin: 0 -10px;
        background-color: #eee;
    }

    .toolbar > .operation {
        margin-right: 30px;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

    .toolbar > .filter {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

    .toolbar > .filter > div:not(:last-child) {
        margin-left: 10px;
    }

    .toolbar > .filter > div:last-child {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        margin-left: 20px;
    }
</style>
